<template>
  <fieldset style="border: 0; margin: 0; padding: 0;">
    <header>
      <form action="javascript:postaction()" id="form" style="text-align: center">
        <label for="title">ToDoList</label>
      </form>
    </header>
    <Ongoing></Ongoing>
    <Complate></Complate>
    <footer style="text-align: center;">
      Copyright &copy; 2014 todolist.cn <a href="javascript:clear();">clear</a>
    </footer>

  </fieldset>
</template>
<script setup>
import Ongoing from "./components/Ongoing.vue"
import Complate from "./components/Completed.vue"

</script>
<style src="./assets/public.css">
</style>
<style scoped>
header {
  background-color: #27292d;
}

#form {
  height: 50px;
  color: aliceblue;
  font-size: 20px;
  line-height: 50px;
}
</style>


